<template>
  <div class="member-card-content">
    <div class="card-content">

      <div class="weui-msg">
        <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
        <div class="weui-msg__text-area">
          <h2 class="weui-msg__title">提示</h2>
          <p class="weui-msg__desc">充值成功</p>
        </div>
        <div class="weui-msg__opr-area">
          <p class="weui-btn-area">
            <a href="javascript:history.back();" class="weui-btn weui-btn_default"
               style="background-color: #fff;color: #ff6600;width:9.253rem;;text-align: center;font-size: .427rem;">返回</a>
          </p>
        </div>
      </div>

    </div>

  </div>
</template>
<script>

  const utils = require('./../common/utils/utils')

  export default {
    data() {
      return {}
    },
    beforeCreate() {
      document.title = '充值成功'
    },
    created() {
//      const _this = this
//
//      // 授权
//      // localStorage.setItem('openid', 'o7aiYwRErMzKuJRW1hnXhczLc9lM');
//      utils.getOpenId(this.openid, this.mchCode, _this)
//
//      const ajax = this.$http.create({
//        headers: {'content-type': 'application/x-www-form-urlencoded'}
//      })
//
//      const data = {
//        openid: this.openid,
//      }
//
//      ajax.post(this.$apiRoute.checkMbInfo, this.$qs.stringify(data))
//        .then(function (response) {
//          let res = response.data
//
//
//        })
    },
    methods: {}
  }
</script>
<style scoped>
  @import "~weui";
  .clear {
    clear: both;
  }
  .weui-btn:after {
    border-color: #ff6600;
  }
  .member-card-content {
    background-color: #F2F2F2;
    min-height: 17.787rem; }
  .member-card-content .card-content .title {
    padding: 0 0.4rem 0 0.4rem; }
  .member-card-content .card-content .title p {
    line-height: 0.933rem;
    font-size: 0.427rem; }
  .member-card-content .card-content .card-info-item {
    margin-bottom: 0.267rem;
    padding: 0.267rem 0.4rem 0.267rem 0.4rem;
    background-color: #fff;
    border-top: 0.027rem solid #ddd;
    border-bottom: 0.027rem solid #ddd; }
  .member-card-content .card-content .card-info-item .left {
    float: left; }
  .member-card-content .card-content .card-info-item .left .card-text {
    font-size: 0.427rem;
    line-height: 0.667rem; }
  .member-card-content .card-content .card-info-item .right {
    float: right;
    font-size: 0.427rem;
    text-align: right;
    margin-left: 0.667rem; }
  .member-card-content .card-content .card-info-item .right .price span {
    margin-right: 0.533rem; }
  .member-card-content .card-content .card-info-item .right .price i {
    color: #dedede; }
  .member-card-content .card-content .card-info-item .right .price .total {
    line-height: 1.333rem;
    text-align: right;
    color: #0F6F0F;
    font-size: 0.48rem; }

</style>
